<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <style>
        *{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        .header{
            height: 74px;
            background: url('images/bg.jpg') repeat-x;
        }
        .banner{
            height: 425px;
            background: #dddddd;
            border-bottom: 1px solid #cacac8;
        }
        .con{
            width: 968px;
            height: 375px;
            margin: 49px auto 30px;
        }
        .footer{
            width: 968px;
            height: 52px;
            margin: 0px auto;
            border-top: 1px solid #d4dadf;
        }
        .head{
            width: 968px;
            height: 74px;
            margin: 0px auto;
        }
        .head h1{
            float: left;
         }
        .head ul{
            float:right;
        }
        .head li{
            float:left;
        }
        h1 img{
            height: 44px;
            margin-top: 14px;
        }
        a{
            font-size: 15px;
            color: #fff;
            text-decoration: none;
        }
        .head li{
            margin-right: 10px;
            margin-top: 16px;
            padding: 9px;
        }
        .head li:hover{
            background: black;
            border-radius: 70px;
        }
        .left{
            float: left;
        }
        .right{
            float: right;
        }
        .wap{
            width: 968px;
            height: 425px;
            margin:0px auto;
        }
        .wap .left{
            float: left;
        }
        .wap .right{
            float: right;
        }
        .left h4{
            font-size: 26px;
            margin-top: 55px;
        }
        .left .aa li{
            font-size: 16px;
            color: #979797;
            margin-top: 14px;
        }
        .left img{
            margin-top: 25px;
        }
        .left .bb li a{
            color: #609700;
            margin-top: 13px;
        }
        .con .left{
            float: left;
            width: 630px;
            height: 375px;
        }
        .con .right{
            float: right;
            width: 321px;
            height: 375px;
        }
        .a1{
            width: 630px;
            height: 112px;
            float: left;
        }
        .a2{
            width: 630px;
            height: 263px;
            float: left ;
        }
        .a11{
            width: 210px;
            height: 263px;
            float: left;
        }
        .a11 h6{
            font-size: 14px;
            margin-top: 40px;
        }
        .a11 a{
            color: #609700;
            margin-top: 13px;
        }
        .con .right li{
            margin-top: 13px;
        }
        .con .right li a{
            color: #609700;
        }
        .footer .left{
            width: 345px;
            height: 48px;
            float: left;
        }
        .footer .right{
            width: 188px;
            height: 19px;
            float: right;
        }
        .footer a{
            font-size: 12px;
            float: left;
            color: #979797;
            margin: 4px 7px;
        }
        </style>
    </head>
    <body>
        <div class="header">
            <div class="head">
                <h1>
                    <a href="">
                        <img src="images/log.png" alt="">
                    </a>
                </h1>
                <ul class="u1">
                    <li><a href="">首页</a></li>  
                    <li><a href="">帮助与反馈</a></li>
                    <li><a href="">公众平台</a></li>              
                    <li><a href="">开放平台</a></li>
                    <li><a href="">微信支付</a></li>
                    <li><a href="">微信广告</a></li>
                    <li><a href="">企业微信</a></li>
                    <li><a href="">表情开放平台</a></li>
                    <li><a href="">微信网页版</a></li>
                </ul>
            </div>
        </div>
        <div class="banner">
            <div class="wap">
                <div class="left">
                    <h4>微信，是一个生活方式</h4>
                    <ul class="aa">
                        <li>超过十亿人使用的手机应用</li>
                        <li>支持发送语音短信、视频、图片和文字</li>
                        <li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
                    </ul>
                    <img src="images/down.png" alt="">
                    <ul class="bb">
                        <li><a href="">忘记了微信帐号或密码？</a></li>
                        <li><a href="">自助解除登录或功能限制</a></li>
                        <li><a href="">冻结或解冻微信帐号</a></li>
                    </ul>
                </div>
                <img src="images/com.png" alt="" class="right">
            </div>
        </div>
        <div class="con">
            <div class="left">
                <div class="a1"><img src="images/list.png" alt=""></div>
                <div class="a2">
                    <div class="a11">
                        <h6>微信网页版</h6>
                        <ul class="cc">
                            <li>扫一扫二维码</li>
                            <li>就能在浏览器上使用微信</li>
                        </ul>
                        <a href="">了解更多</a>
                    </div>
                    <div class="a11">
                        <h6>微信 Mac 版</h6>
                        <ul class="cc">
                            <li>极致简洁，迅捷沟通</li>
                        </ul>
                        <a href="">了解更多</a>
                    </div>
                    <div class="a11">
                        <h6>微信 Windows 版</h6>
                        <ul class="cc">
                            <li>让沟通更方便</li>
                        </ul>
                        <a href="">了解更多</a>
                    </div>
                </div>
            </div>
            <div class="right">
                <h5>最新消息</h5>
                <ul class="dd">
                    <li><a href="">微信 3.2.1 for Windows 正式版发布 (New)</a></li>
                    <li><a href="">微信 8.0.1 for Android 正式版发布(New)</a></li>
                    <li><a href="">微信 8.0.2 for iOS 正式版发布(New)</a></li>
                    <li><a href="">微信 2.6.1 for Mac 正式版发布 (New)</a></li>
                    <li><a href="">关于部分 iOS 9 用户无法更新微信(New)</a></li>
                    <li><a href="">微信外部链接内容管理规范</a></li>
                    <li><a href="">微信网页版 2.1 版本发布</a></li>
                    <li><a href="">微信表情开放平台上线</a></li>
                    <li><a href="">官方辟谣公众号开通</a></li>
                    <li><a href="">查看更多</a></li>
                </ul>
            </div>
        </div>
        <div class="footer">
            <div class="left">
                <a href="">关于腾讯</a>
                <a href="">服务条款</a>
                <a href="">使用规范</a>
                <a href="">客服中心</a>
                <a href="">隐私保护指引</a>
                <p>© 1998 - 2021 Tencent Inc. All Rights Reserved</p>
            </div>
            <div class="right">
                <a href="">简体中文</a>
                <a href="">繁体中文</a>
                <a href="">English</a>
            </div>
        </div>
    </body>
</html> 